<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=yes"/>
    <title>报销编辑</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/reimbursement.css">
    <style>


    </style>
</head>
<body>
<div class="wrapper">
    <div class="box-box">
        <ul class="other b-btm">
            <li class="business11"><span >业务招待</span></li>
            <li class="traffic11"><span>交通</span></li>
            <li class="travel11"><span class="select-sp">差旅</span></a></li>
            <li class="communication11"><span>通讯</span></li>
            <li class="low"><span>低值易耗品</span></li>
            <li class="other11"><span>其他</span></li>
        </ul>
    </div>
    <div class="Meals-box">
        <div class="Meals off">
            <div class="Meals-div f5b fz11" onclick="showIndex(this)">
                <span class="Meals-sp">餐费补贴</span>
            </div>
            <div class="business1 bus hide1" id="de">
                <div class="business travel-box1 b-top ">
                    <ul class="business-ul">
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">日期：</span>
                            <span class="time-sp1 fr dis_in f5"><input type="text" class="traffic-inp1" id="demo1" placeholder="请选择日期">&nbsp;&nbsp;至&nbsp;&nbsp;<input class="traffic-inp1" id="demo2" type="text" placeholder="请选择日期"></span>
                        </li>
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">金额：</span>
                            <span class="time-sp1 fr dis_in f5"><input class="business-inp traffic-inp" type="text" placeholder="补贴标准：50元/天"></span>
                        </li>
                    </ul>
                    <textarea name="" class="txt1" cols="30" rows="6" placeholder="备注"></textarea>
                    <ul class="business-ul2 fz9">
                        <li ><span class="delete">删除本条</span></li>
                        <li class="business-li"><span>添加餐费补贴</span></li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="Meals off" id="meals">
            <div class="Meals-div f5b fz11" onclick="showIndex(this)">
                <span class="Meals-sp">机票/车票</span>
            </div>
            <div class="business1 bus1 hide1">
                <div class="business  travel-box1 b-top ">
                    <ul class="business-ul">
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">日期：</span>
                            <span class="time-sp1 fr dis_in f5"><input type="text" class="traffic-inp1" id="demo3"  placeholder="请选择日期">&nbsp;&nbsp;至&nbsp;&nbsp;<input class="traffic-inp1" id="demo4" type="text" placeholder="请选择日期"></span>
                        </li>
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">金额：</span>
                            <span class="time-sp1 fr dis_in f5"><input class="business-inp traffic-inp" type="text" placeholder="补贴标准：50元/天"></span>
                        </li>
                    </ul>
                    <textarea name="" class="txt1" cols="30" rows="6" placeholder="备注"></textarea>
                    <ul class="business-ul2 fz9">
                        <li ><span class="delete">删除本条</span></li>
                        <li class="business-li"><span>添加餐费补贴</span></li>
                    </ul>
                </div>
            </div>


        </div>
        <div class="Meals off">
            <div class="Meals-div f5b fz11" onclick="showIndex(this)">
                <span class="Meals-sp">住宿费</span>
            </div>
            <div class="business1 bus hide1">
                <div class="business travel-box1 b-top ">
                    <ul class="business-ul">
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">日期：</span>
                            <span class="time-sp1 fr dis_in f5"><input type="text" id="demo5" class="traffic-inp1" placeholder="请选择日期">&nbsp;&nbsp;至&nbsp;&nbsp;<input id="demo6" class="traffic-inp1" type="text" placeholder="请选择日期"></span>
                        </li>
                        <li class="fz9">
                            <span class="time-sp dis_in f5b">金额：</span>
                            <span class="time-sp1 fr dis_in"><input class="business-inp traffic-inp fFF" type="text" placeholder="补贴标准：50元/天"></span>
                        </li>
                    </ul>
                    <textarea name="" class="txt1" cols="30" rows="6" placeholder="备注"></textarea>
                    <ul class="business-ul2 fz9">
                        <li ><span class="delete">删除本条</span></li>
                        <li class="business-li"><span>添加餐费补贴</span></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>


    <footer class="business-foot fz11">
        保存
    </footer>
</div>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/base.js"></script>
<script src="../../js/data.js"></script>
<script src="../../js/reimbursement.js"></script>
<script>
    var calendar = new datePicker();
    calendar.init({
        'trigger': '#demo3',
        'type': 'date',
        'minDate':'1900-1-1',
        'maxDate':'2100-12-31',
        'onSubmit':function(){
            var theSelectData=calendar.value;
        },
        'onClose':function(){
        }
    });
    var calendar = new datePicker();
    calendar.init({
        'trigger': '#demo4',
        'type': 'date',
        'minDate':'1900-1-1',
        'maxDate':'2100-12-31',
        'onSubmit':function(){
            var theSelectData=calendar.value;
        },
        'onClose':function(){
        }
    });
    var calendar = new datePicker();
    calendar.init({
        'trigger': '#demo5',
        'type': 'date',
        'minDate':'1900-1-1',
        'maxDate':'2100-12-31',
        'onSubmit':function(){
            var theSelectData=calendar.value;
        },
        'onClose':function(){
        }
    });
    var calendar = new datePicker();
    calendar.init({
        'trigger': '#demo6',
        'type': 'date',
        'minDate':'1900-1-1',
        'maxDate':'2100-12-31',
        'onSubmit':function(){
            var theSelectData=calendar.value;
        },
        'onClose':function(){
        }
    });
</script>
</body>
</html>